.container{
	height: 100vh;
}
.black-head{
	display: flex;
	align-items: center;
}
.add{
	width: 56rpx;
	height: 56rpx;
	background: $white-grey;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 56rpx;
}
.search-icon{
	position: absolute;
	left: 60rpx;
}
.search-input{
	width: 596rpx !important;
}
.black-list{
	background: $white-grey;
	min-height: 50vh;
	overflow: auto;
	padding-bottom: 170rpx;
}
.black{
	width: 690rpx;
	background: #FFFFFF;
	border-radius: 8rpx;
	border: 1rpx solid #E8E9EA;
	margin: 4vw auto 0;
	position: relative;
	display: flex;
	justify-content: left;
	color: #141F33;
	font-size: 24rpx;
	padding-bottom: 30rpx;
}
.black-select{
	width: 50rpx;
	height: 100%;
	text-align: center;
}
.black-tx{
	width: 120rpx;
	height: 100%;
	text-align: center;
}
.black-select-icon{
	display: block;
		margin: 55rpx auto;
}
.black-tx-img{
	width: 64rpx;
	height: 64rpx;
	border-radius: 98rpx;
	display: block;
	margin: 36rpx auto;
}
.black-sex-icon{
	width: 30rpx;
	height: 30rpx;
	margin-left: 6rpx;
}
.black-name{
	margin-top: 30rpx;

	font-size: 32rpx;
}
.black-msg-li{
	display: flex;
	justify-content: left;
	padding-top: 14rpx;
}
.black-msg-li .left{
	color: #A6A8AF;
	margin-right: 20rpx;
	width: 110rpx;
	flex-shrink: 0;
}
.text-last-align{
	width: 96rpx;
	display: inline-block;
	text-align: justify;
	text-align-last: justify;
}
.black-card-eye{
	width: 33rpx;
	height: 30rpx;
	margin-left: 10rpx;
}
.black-msg-card{
	display: flex;
	align-items: center;
}
.picture-list{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 20rpx;
}
.picture{
	width: 120rpx;
	height: 120rpx;
	margin: 20rpx 20rpx 0 0;
}